<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>爬虫任务首页</title>
        <style>
        header,footer{
           width:80%;
           height:60px;
           background:#222;
           color:#fff;
           text-align:center;
           maigin:0 auto;
        }
        .box{
           maigin:15px 10px;
        }
        header li{
            list-style:none;
            display:inline-block;
            margin:5px 15px;
        }
        .container{
            width:900px;
            height:300px;
            maigin:0 auto;
            text-align:center;
        .box0{
            margin:20px 10px;
        }
        a{
        color:#fff
        }

    </style>
</head>
<body>

<header>
    <li><a href=" ">首页</a> </li>
    <li><a href="/gettext">爬文字</a> </li>
    <li><a href="/getimg">爬图片</a> </li>
    <li><a href="/hr">招聘</a> </li>
</header>

<div class="container">
<!--    <div class="box">-->
<!--        < img src="/static/img/课程表.png" style="height:150px;">-->
<!--    </div>-->
  <form action="/scrawl" method="post">
        <div class="box">
            <label for="username">爬取网站</label>
            <input type="text" name="name" >
        </div>

        <div class="box">
            <label for="userpwd">爬取内容</label>
            <input type="text" name="targeturl" >
        </div>

        <div class="box">
            <input type="submit" name="submit" value="爬文本">
            <input type="reset" value="重写">
        </div>
  </form>
</div>
<footer>
    <p>本系统由。。开发</p >
</footer>


</body>
</html>